<!DOCTYPE html>
<html class="x-admin-sm">

<head>
    <meta charset="UTF-8">
    <title>修改赛事</title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport"
          content="width=device-width,user-scalable=yes, minimum-scale=0.4, initial-scale=0.8,target-densitydpi=low-dpi" />
    <link rel="stylesheet" href="../css/font.css">
    <link rel="stylesheet" href="../css/xadmin.css">
    <script type="text/javascript" src="../lib/layui/layui.js" charset="utf-8"></script>
    <script type="text/javascript" src="../js/xadmin.js"></script>
    <script src="../js/base.js"></script>
    <script src="../js/jquery.min.js"></script>
</head>

<body>
<div class="layui-fluid">
    <div class="layui-row">
        <form class="layui-form">
            <div class="layui-form-item">
                <label for="title" class="layui-form-label">
                    <span class="x-red">*</span>赛事名称
                </label>
                <div class="layui-input-inline">
                    <input type="text" id="title" name="title" required="" lay-verify="required"
                           autocomplete="off" class="layui-input">
                    <input type="hidden" id="id">
                </div>
            </div>
            <div class="layui-form-item">
                <label for="organizers" class="layui-form-label">
                    <span class="x-red">*</span>主办方
                </label>
                <div class="layui-input-inline">
                    <input type="text" id="organizers" name="organizers" required="" lay-verify="required"
                           autocomplete="off" class="layui-input">
                </div>
            </div>
            <div class="layui-form-item">
                <label for="city" class="layui-form-label">
                    <span class="x-red">*</span>举办地
                </label>
                <div class="layui-input-inline">
                    <select name="city" id="city" lay-verify="required" lay-search>
                        <option value="1">济南</option>
                        <option value="2">淄博</option>
                        <option value="3">泰安</option>
                        <option value="4">青岛</option>
                    </select>
                </div>
            </div>
            <div class="layui-form-item">
                <label for="date" class="layui-form-label">
                    <span class="x-red">*</span>开始时间
                </label>
                <div class="layui-input-inline">
                    <input type="text" id="date" name="date" required="" class="layui-input" lay-verify="required"
                           autocomplete="off" class="layui-input">
                </div>
            </div>
            <div class="layui-form-item">
                <label for="date" class="layui-form-label">
                    <span class="x-red">*</span>申请提交时间
                </label>
                <div class="layui-input-inline">
                    <input type="text" id="commit_date" name="commit_date" required="" class="layui-input" lay-verify="required"
                           autocomplete="off" class="layui-input">
                </div>
            </div>
            <div class="layui-form-item" style="text-align: center">
                <button type="submit" lay-filter="add" lay-submit="" class="layui-btn">确定</button>
                <button type="button" class="layui-btn layui-btn-primary" onclick="xadmin.close()">取消</button>
            </div>
        </form>
    </div>
</div>
<script>
    layui.use(['form', 'layer','laydate'],
    function () {
        $ = layui.jquery;
        var form = layui.form,
            layer = layui.layer;
        var laydate = layui.laydate;
        //执行一个laydate实例
        laydate.render({
            elem: '#date' //指定元素
            ,format: 'yyyy年MM月dd日'
        });
        laydate.render({
            elem: '#commit_date' //指定元素
            ,format: 'yyyy年MM月dd日'
        });
        //监听提交
        form.on('submit(add)',
        function (data) {
            console.log(data.field);//获取到表单信息
            //发异步，把数据提交给php
            $.ajax({
                type:"get",
                url: addCompetition,
                data:{
                    title: $("#title").val(),
                    type: $("#type").val(),
                    // content: $("#content").val(),
                    date : $("#date").val(),
                    city : $("#city").val(),
                    organizers : $("#organizers").val(),
                    // contractor :$("#contractor").val(),
                    // address : $("#address").val(),
                    // imgUrl : $("#imgUrl").attr("src"),
                    // id : $("#id").val()
                },
                success:function(res){
                    console.log(res)
                    if(res.msg == 0){
                        layer.alert("操作成功", { icon: 6 }, function () {
                            //关闭当前frame
                            xadmin.close();
                            // 可以对父窗口进行刷新
                            xadmin.father_reload();
                        });
                    }else {
                        layer.alert(res.msg,function (index) {
                            if(res.msg=="session已失效，请重新登录"){
                                parent.parent.window.location.href=getRequestPrefix()+"/footBallAdmin/login.html"
                                xadmin.close();
                            }else{
                                layer.close(index);
                            }
                        });
                    }
                },
                error:function(error){
                    console.log(error)
                }
            })
            return false;
        });
    });
</script>
</body>
</html>